<extend name="Home@mobile/Base/index"/>
<block name="body">
    <div class="floor m-index_product">
        <div class="m-container">
            <img class="m-com-title-img" src="__IMG__/com-title1.png">
            <div class="nav-box" data-obj=".product-list-box">
                <a href="javascript:;" data-href="{:U('m_project',array('category'=>'niang'))}" class="swiper-slide"><p>酿酒设备</p></a>
                <a href="javascript:;" data-href="{:U('m_project',array('category'=>'jiu'))}" class="swiper-slide"><p>酒坛酒缸</p></a>
                <a href="javascript:;" data-href="{:U('m_project',array('category'=>'box'))}" class="swiper-slide" ><p>包装设计</p></a>
                <a href="{:U('Article/index?category=technology')}" class="swiper-slide" ><p>酿酒技术</p></a>
                <a href="{:U('Article/detail?category=operate&id=89')}"  class="swiper-slide" ><p>原酒运营</p></a>
            </div>
            <div class="product-list-box">
                <div class="box">
                    <Article:list name="article" category="63" child="true" row="4">
                        <a href="{:U('Article/detail',array('id'=>$article['id'],'category'=>'bai'))}" class="list">
                            <img src="{$article.cover_id|get_cover='path'}" alt="">
                            <div class="title">{$article.title}</div>
                        </a>
                    </Article:list>
                </div>
                <a href="/index.php?s=/Home/Article/lists/category/bai.html" class="more">更多产品</a>
            </div>
        </div>
    </div>
    <div class="floor m-index-question">
        <div class="m-container">
            <img class="m-com-title-img" src="__IMG__/com-title2.jpg">
            <img class="question-img" src="__IMG__/m-t1.jpg" alt="">
        </div>
    </div>
    <img class="m-ggw-img" src="__IMG__/m-gg1.jpg" alt="">
    <div class="m-mjzd floor">
        <p class="p1">十七大名酒指定服务商</p>
        <img src="__IMG__/m-t1.png" alt="">
    </div>
    <div class="m-ys m-container">
        <img class="m-com-title-img" src="__IMG__/com-title2.png">
        <div class="box">
            <a href="javascript: void(0);" class="list">
                <div class="cont">
                    <img src="__IMG__/i_icon1.png" alt="">
                    <div class="right">
                        <p class="p1">权威</p>
                        <div class="txt">
                            全国十七大名酒指定服务商
                        </div>
                    </div>
                </div>
            </a>
            <a href="javascript: void(0);" class="list">
                <div class="cont">
                    <img src="__IMG__/i_icon2.png" alt="">
                    <div class="right">
                        <p class="p1">师资团队雄厚</p>
                        <div class="txt">
                            5位国家一级酿酒师、3位国家一级品酒师
                        </div>
                    </div>
                </div>
            </a>
            <a href="javascript: void(0);" class="list">
                <div class="cont">
                    <img src="__IMG__/i_icon3.png" alt="">
                    <div class="right">
                        <p class="p1">综合实力强</p>
                        <div class="txt">
                            设计生产为一体的酿酒设备及配套产品的生产厂家
                        </div>
                    </div>
                </div>
            </a>
            <a href="javascript: void(0);" class="list">
                <div class="cont">
                    <img src="__IMG__/i_icon4.png" alt="">
                    <div class="right">
                        <p class="p1">销量好，受欢迎</p>
                        <div class="txt">
                            产品远销欧美和东南亚地区
                        </div>
                    </div>
                </div>
            </a>
            <a href="javascript: void(0);" class="list">
                <div class="cont">
                    <img src="__IMG__/i_icon5.png" alt="">
                    <div class="right">
                        <p class="p1">经验丰富</p>
                        <div class="txt">
                            21年经验积累，服务酒企达到17万家
                        </div>
                    </div>
                </div>
            </a>
            <a href="javascript: void(0);" class="list">
                <div class="cont">
                    <img src="__IMG__/i_icon6.png" alt="">
                    <div class="right">
                        <p class="p1">终身售后服务</p>
                        <div class="txt">
                            终身售后服务，一次购货终身无忧
                        </div>
                    </div>
                </div>
            </a>
        </div>
    </div>
    <div class="m-nhj floor">
        <p class="p-head">酿好酒从选择华沃开始</p>
        <div class="box">
            <div class="m-container">
                <div class="list">
                    <p class="p1">好酿</p>
                    <div class="heng"></div>
                    <p class="p2">管家式酒企服务、一站式采购<br>易操作轻松上手、轻松帮扶</p>
                </div>
                <div class="list">
                    <p class="p1">好喝</p>
                    <div class="heng"></div>
                    <p class="p2">口感改善计划，工艺考究<br>大师独家技艺，定制配套设备</p>
                </div>
                <div class="list">
                    <p class="p1">好卖</p>
                    <div class="heng"></div>
                    <p class="p2">以结果为导向的市场策划，多渠道宣传<br>渗透式推广，资源共享</p>
                </div>
            </div>
        </div>
    </div>
    <div class="m-about m-container">
        <img class="m-com-title-img" src="__IMG__/com-title4.png">
        <p class="p-head">专注于打造中小微型酒类企业最佳服务平台</p>
        <div class="title">华沃科技生物研究所</div>
        <img src="__IMG__/gs.jpg" alt="" class="gsjpg">
        <div class="txt">成都市火速生物科技研究所创立于2008年，坐落于素有“天府之国”、“川酒一派”之美称的成都，是集生物酿造技术研发与推广、酿酒技术培训、品牌创意及酿酒设备生产、酿酒设备销售于一体的</div>
        <div class="btn-box">
            <a href="#">立即咨询</a>
            <a href="/index.php?s=/Home/Article/detail/category/who/id/92.html">查看详情</a>
        </div>
    </div>
    <!--团队-->
    <div class="m-team floor">
        <div class="top">
            <div class="box">
                <img class="com-title-img" src="__IMG__/com-title5.png">
                <p class="p-head">用工匠精神和卓越追求撑起千年酒文化</p>
            </div>
        </div>
        <div class="down">
            <div class="mid">
                <div class="img"><img src="{$team.cover_id|get_cover='path'}" alt=""></div>
                <div class="right">
                    <p class="p-head"><span>{$team.title}</span> {$team.description}</p>
                    <div class="txt">{$team.content}</div>
                    <a href="/index.php?s=/Home/Article/lists/category/team.html" class="ck">了解详情</a>
                </div>
            </div>
            <div class="bottom-box">
                <div class="swiper-container swiper-container333">
                    <div class="swiper-wrapper">
                        <Article:list name="article" category="144" child="true" row="8">
                            <div class="swiper-slide" data="{$article.id}">
                                <img src="{$article.cover_id|get_cover='path'}">
                                <div class="name">
                                    <p class="p1">{$article.title}</p>
                                    <p class="p2">{$article.description}</p>
                                </div>
                            </div>
                        </Article:list>
                    </div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
            </div>
            <a href="/index.php?s=/Home/Article/lists/category/team.html" class="more">查看更多</a>
        </div>
    </div>
    <!--案例-->
    <div class="m-case m-container">
        <img class="m-com-title-img" src="__IMG__/com-title6.png">
        <p class="p-head">感恩信任的力量，华沃会做的更好</p>
        <div class="box">
            <Article:list name="article" category="136" child="true" row="3">
                <a href="{:U('Article/detail',array('id'=>$article['id'],'category'=>cases))}" class="list">
                    <img src="{$article.cover_id|get_cover='path'}" alt="">
                    <div class="right">
                        <div class="title">{$article.title}</div>
                        <div class="txt">{$article.description|msubstr=0,40}</div>
                    </div>
                </a>
            </Article:list>
        </div>
        <a href="/index.php?s=/Home/Article/lists/category/cases.html" class="more">查看更多</a>
    </div>
    <div class="m-news">
        <img class="m-com-title-img" src="__IMG__/com-title8.png">
        <div class="m-container">
            <div class="nav-box" data-obj="#news-list">
                <a href="javascript:;" data-href="{:U('m_news',array('category'=>'news'))}" class="act">公司动态</a>
                <a href="javascript:;" data-href="{:U('m_news',array('category'=>'hang'))}" >行业新闻</a>
            </div>
            <div class="big-box floor">
                <div class="box" id="news-list">
                    <Article:list name="article" category="137" child="true" row="3">
                        <a href="{:U('Article/detail',array('id'=>$article['id'],'category'=>news))}" class="list">
                            <div class="title"><i class="icon iconfont icon-weibiaoti38"></i><p>{$article.title}</p></div>
                            <div class="txt">{$article.description}</div>
                            <div class="down">
                                <i class="icon iconfont icon-liulanjilusel"></i>{$article.view}人浏览
                                <i class="i icon iconfont icon-msnui-time"></i>{$article.create_time|date='Y-m-d',###}
                            </div>
                        </a>
                    </Article:list>
                    <a href="/index.php?s=/Home/Article/lists/category/news.html" class="more">查看更多</a>
                </div>
            </div>
        </div>
    </div>
</block>
<block name="footer_js">
    <script type="text/javascript">
        // var jsname = 'util';

        require(['util'],function(de){
            de.index_banner();
            de.com_left_nav();
            de.com_footer();
            de.nav();

            /*异步获取数据*/
            $(".nav-box").on('click','a[data-href]',function (e) {
                var $self = $(this),
                    url = $self.data('href'),
                    $box = $self.closest('.nav-box'),
                    obj = $box.data('obj'),
                    $obj = $(obj);

                e.preventDefault();
                e.returnValue = false;

                $.get(url,function(data){
                    $obj.html(data);
                    $self.addClass('act')
                        .siblings()
                        .removeClass('act');
                });
            });


        })

    </script>
    <script type="text/javascript">
        function formReset()
        {
            document.getElementById("myForm").reset();
        }
    </script>

</block>